<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心-账户设置-完善门店信息</title>
    <!--bootstrap-select  css文件-->
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="js/bootstrapselect/css/bootstrap-select.css"/>
    <!--图片放大-->
    <link rel="stylesheet" type="text/css" href="js/viewer/css/viewer.min.css"/>
    <link rel="stylesheet" href="css/models.css">
    <style>
        .viewer-toolbar li{
             position: relative;
             width: auto;
             height: auto;
             min-height: auto;
             margin-bottom: 0;
        }
    </style>
</head>
<body>
<!--顶部状态栏-->
<div class="NavTop">
    <div class="MainCon" style="text-align: right">
        <span>您好，</span><span>1820230****/门店名称</span><a href="javascript:void(0)" onclick="exit()">退出</a>
    </div>
</div>
<!--end 顶部状态栏-->
<!--顶部导航条-->
<div class="header">
    <div class="MainCon clearfix">
        <img src="images/logo.png" alt="">
        <a href="">管理首页</a>
        <input type="button" value="我的订单">
    </div>
</div>
<!--end 顶部导航条-->
<!--主体内容-->
<div class="MainContent">
    <div class="MainCon clearfix">
        <!--主体左边导航-->
        <div class="leftNav">
            <h3>账户设置</h3>
            <ul>
                <li><a href="个人中心-账户设置-完善门店信息.html" class="active">门店信息</a></li>
                <li><a href="个人中心-账户设置-实名认证.html">实名认证</a></li>
                <li><a href="个人中心-账户设置-银行卡.html">银行卡</a></li>
                <li><a href="个人中心-账户设置-登录密码.html">登录密码</a></li>
                <li><a href="个人中心-账户设置-设置支付密码.html">支付密码</a></li>
            </ul>
            <hr>
            <h3>资金管理</h3>
            <ul>
                <li><a href="个人中心-资金管理-现金余额.html">现金余额</a></li>
                <li><a href="个人中心-资金管理-先货后款余额.html">先货后款余额</a></li>
            </ul>
            <hr>
            <h3>订单管理</h3>
            <ul>
                <li><a href="个人中心-订单中心-订单列表.html">订单列表</a></li>
            </ul>
        </div>
        <!--end 主体左边导航-->
        <!--主体右边内容-->
        <div class="rightBody">
            <!--当前页面-->
            <div class="Nav_Group">
                <!--<span class="Navigation_vertical"></span><a href="#" class="Navigation">订单列表</a>><a href="#" class="Navigation">订单列表</a>><span class="Navigation">订单列表</span>-->
                <span class="Navigation_vertical"></span><span class="Navigation">完善门店信息</span>
            </div>
            <!--当前页面-->
            <!--完善门店信息-->
            <div class="addInfo">
                <form id="formID">
                    <ul class="addList">
                        <li>
                            <label for=""><span class="require">*</span>推荐人手机：</label>
                            <input class="validate[required]" name="" type="text" placeholder="请输入推荐人手机">
                        </li>
                        <!--修改门店信息时为只读状态-->
                        <li>
                            <label for="">推荐人手机：</label>
                            <input class="disabled" name="" type="text" value="1832648563" disabled="disabled">
                        </li>
                        <!--end 修改门店信息时为只读状态-->
                        <li>
                            <label for=""><span class="require">*</span>联系电话：</label>
                            <input class="validate[required]" name="" type="text" placeholder="有效的手机号码">
                        </li>
                        <li>
                            <label for=""><span class="require">*</span>门店名称：</label>
                            <input class="validate[required]" name="" type="text" placeholder="请输入门店名称">
                        </li>
                        <li>
                            <label for=""><span class="require">*</span>门店区域：</label>
                            <select class="selectpicker validate[required]">
                                <option value="">请选择省</option>
                                <option value="">重庆</option>
                                <option value="">四川</option>
                            </select>
                            <select class="selectpicker validate[required]">
                                <option value="">请选择市</option>
                                <option value="">重庆</option>
                                <option value="">成都</option>
                            </select>
                            <select class="selectpicker validate[required]">
                                <option value="">请选择省</option>
                                <option value="">重庆</option>
                                <option value="">四川</option>
                            </select>
                        </li>
                        <li>
                            <label for=""><span class="require">*</span>详细地址：</label>
                            <input name="" type="text" placeholder='请输入详细地址' class="validate[required]"/>
                        </li>
                        <li>
                            <label for=""><span class="require">*</span>门店照片：</label>
                            <div class="filePhoto uploadImg" id="img1">
                                <section class="fileBox left">
                                    <img src="images/add.png" class="add-img"> <input
                                        type="file" name="file" id="file" class="fileImg" value=""
                                        accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                </section>
                            </div>
                        </li>
                        <li>
                            <label for=""><span class="require">*</span>企业名称：</label>
                            <input class="validate[required]" name="" type="text" placeholder="请输入企业名称">
                        </li>
                        <!--修改门店信息时为只读状态-->
                        <li>
                            <label for="">企业名称：</label>
                            <input class="disabled" name="" type="text" value="重庆集鲜丰" disabled="disabled">
                        </li>
                        <!--end 修改门店信息时为只读状态-->
                        <li>
                            <label for=""><span class="require">*</span>营业执照：</label>
                            <div class="filePhoto uploadImg" id="img2">
                                <section class="fileBox left">
                                    <img src="images/add.png" class="add-img">
                                    <input type="file" name="file" id="file1" class="fileImg" value=""
                                           accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                </section>
                            </div>
                        </li>
                        <li>
                            <label for=""><span class="require">*</span>法人身份证：</label>
                            <div class="filePhoto uploadImg" id="img3">
                                <section class="fileBox left">
                                    <img src="images/add.png" class="add-img">
                                    <input type="file" name="file" id="file2" class="fileImg" value=""
                                           accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                </section>
                            </div>
                        </li>
                        <li>
                            <label for="">其他证件：</label>
                            <div class="filePhoto uploadImg" id="img4">
                                <section class="fileBox left">
                                    <img src="images/add.png" class="add-img">
                                    <input type="file" name="file" id="file3" class="fileImg" value=""
                                           accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/>
                                </section>
                            </div>
                        </li>
                        <li>
                            <label for="">&nbsp;</label>
                            <input class="infoSubmit" name="" type="button" value="保存">
                        </li>
                    </ul>
                </form>
            </div>
            <!--end 完善门店信息-->
        </div>
        <!--end 主体右边内容-->
    </div>
</div>
<!--end 主体内容-->
<!--底部版权-->
<div class="footer">
    <div class="MainCon">
        <p>©2017江苏集鲜丰科技有限公司 jxf315.cn 苏ICP备17069291号-1</p>
        <p>南京市建邺区奥体大街68号03幢</p>
        <p>联系方式：4000880225</p>
    </div>
</div>
<!--end 底部版权-->
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/index.js"></script>
<!--bootstrap-select-->
<script type="text/javascript" src="js/bootstrapselect/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrapselect/bootstrap-select.js"></script>
<script type="text/javascript" src="js/bootstrapselect/select.js"></script>
<!--验证-->
<script type="text/javascript" src="js/validat/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript" src="js/validat/jquery.validationEngine.js"></script>
<!--图片上传-->
<script type="text/javascript" src="js/imgUp.js"></script>
<!--图片放大-->
<script type="text/javascript" src="js/viewer/viewer-jquery.min.js"></script>

<script>
    $(function () {
        $("#formID").validationEngine({
            addPromptClass: 'formError-text',
            showArrow: false,
            promptPosition: 'bottomLeft:10 0'
        });
        var html = [
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'},
            {'url': 'http://g.hiphotos.baidu.com/image/pic/item/c8ea15ce36d3d539f09733493187e950342ab095.jpg'}
        ];
        init_Img(html, '#img1', 'img1',1);
        init_Img(html, '#img2', 'img2',1);
        init_Img(html, '#img3', 'img3',2);
        init_Img(html, '#img4', 'img4',10);
        //门店照片上传
        $("#file").takungaeImgup({
            formData: {
                'module': 'product',
                'name': 'url',
                'filesname': 'urlfile'
            },
            url: 'http://123.206.8.92:7000/web/attachment/uploadProductImage',
            maxImage: 1,
            success: function (data) {

            },
            error: function (err) {
                layer.alert(err, {icon: 2, btnAlign: 'c', closeBtn: 0});
            }
        });
        $("#file1").takungaeImgup({
            formData: {
                'module': 'product',
                'name': 'url',
                'filesname': 'urlfile'
            },
            url: 'http://123.206.8.92:7000/web/attachment/uploadProductImage',
            maxImage: 1,
            success: function (data) {

            },
            error: function (err) {
                layer.alert(err, {icon: 2, btnAlign: 'c', closeBtn: 0});
            }
        });
        $("#file2").takungaeImgup({
            formData: {
                'module': 'product',
                'name': 'url',
                'filesname': 'urlfile'
            },
            url: 'http://123.206.8.92:7000/web/attachment/uploadProductImage',
            maxImage: 2,
            success: function (data) {

            },
            error: function (err) {
                layer.alert(err, {icon: 2, btnAlign: 'c', closeBtn: 0});
            }
        });
        $("#file3").takungaeImgup({
            formData: {
                'module': 'product',
                'name': 'url',
                'filesname': 'urlfile'
            },
            url: 'http://123.206.8.92:7000/web/attachment/uploadProductImage',
            maxImage: 10,
            success: function (data) {

            },
            error: function (err) {
                layer.alert(err, {icon: 2, btnAlign: 'c', closeBtn: 0});
            }
        });
    });
</script>
</html>